<template>
  <div class="item-checkbox">
    <span v-if="!checked" class="iconfont icon-checkbox"></span>
    <span v-else class="iconfont icon-checked"></span>
    <span class="txt">{{name}}</span>
  </div>
</template>
<script>

import { GetTreeSelect } from "@/api/portalApi";
export default {
  name: "DeviceItem",
  data() {
    return {};
  },
  props: {
    name: {
      type: String,
      default: "实有力量与装备"
    },
    checked: {
      type: Boolean,
      default: false
    }
  },
  mounted() {},
  methods: {}
};
</script>
<style lang="less" scoped>
.item-checkbox {
  min-width: 7rem;
  margin-right: 1rem;
  .iconfont {
    font-size: 0.8rem;
    color: #fff;
    &.icon-checked {
      color: #72edf5;
    }
  }
  .txt {
    font-size: 0.7rem;
    color: #fff;
  }
}
</style>